
<!DOCTYPE html>
<html>

<head>

    <include file="public@head"/>

</head>

<script type="text/javascript">
    $(document).ready(function() {
        worksthumbs.init();
    });
</script>

<body>

<include file="public@nav"/>


<style type="text/css">
    .head-nav {position: absolute;right: 115px;width: 455px;display: none;}
    .head-nav li{float: left;margin-left: 54px;}
    .head-nav a{font-size: 16px;color:#000;font-family: "Microsoft YaHei", "微软雅黑", Arial, Helvetica, sans-serif;line-height: 30px;}
    .head-block{display: block;}

    @media screen and (max-width: 1620px){
        .head-nav{right: 120px;width: 350px;}
        .head-nav li{margin-left: 40px;}
        .head-nav a{font-size: 14px;}
    }
    @media screen and (max-width: 1390px){
        .head-nav{right: 100px;width: 330px;}
        .head-nav li{margin-left: 40px;}
        .head-nav a{font-size: 12px;}
    }
    @media screen and (max-width: 1200px){
        .head-nav{display: none;}

    }
</style>
<div class="case-list">
    <div class="warp-type case-type clear">
        <p class="museo-light ">SEE OUR WORK</p>
        <div class="warp-type-list" id="filters">
            <a href="javascript:void(0)" data-filter="*" class="active museo-light">All</a>
        </div>
    </div>
    <div class="case-content">
        <ul class="case clear">
            <foreach name="demo" item="ditem">
                <a href="{:cmf_url('portal/Demo/index',array('id'=>$ditem['id']))}" target="_blank">
                    <li class="c1 item" data-id="7,8">
                        <img src="{:cmf_get_image_url($ditem.thumb)}" alt="{$ditem.company_name}" class="lazy tran " data-original="{:cmf_get_image_url($ditem.thumb)}">
                        <div class="case-summary">
                            <div style="position: relative;width:100%;height: 100%">
                                <p class="p1">
                                    {$ditem.company_name} </p>                             </p>
                                <p class="p2">
                                    -
                                    <br>
                                    <span class="syl">{$ditem.service_name}</span>
                                    <br>                            </p>
                            </div>
                        </div>
                    </li>
                </a>
            </foreach>
        </ul>
    </div>
</div>

<include file="public@footer"/>

<a href="javascript:;" class="back2top"></a>

<script language="javascript">
    $(".case").find(".item").each(function() {
        var str = $(this).attr('data-id');
        var strs = new Array(); //定义一数组
        strs = str.split(","); //字符分割
        for (i = 0; i < strs.length; i++) {
            var cl = 'c' + strs[i];
            $(this).addClass(cl);
        }
    });
</script>
</body>

</html>